<template>
    <div>
        <div class="page-title-section" style="background-image:url(images/parallax-5.jpg)">
            <div class="container">
                <div class="center-holder page-title">
                    <h1>{{data.title}}</h1>
                    <p style="color: white;">{{data.content}}</p>
                </div>
            </div>
        </div>

        <div class="section-block">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-13">
                        <div class="detail-heading">
                            <h3>{{data.title}}</h3>
                            <h5 v-if="data.type && data.type.length" >服务类型 ： {{data.type.join('、')}}</h5>
                        </div>
                        <div class="text-content">
                            <div v-html="data.text"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ServicesDetails",
        data() {
            return {
                data: {}
            }
        },
        mounted() {
            const prop = this.$route.query;
            if (prop.item) {
                const data = JSON.parse(decodeURIComponent(prop.item));
                this.data = data;
            }
        },
    }
</script>

<style scoped>

</style>